﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
    <title>二手手机回收｜旧手机回收｜二手手机交易－耶回收</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="renderer" content="webkit" />  
    <link href="static/css/common_new.min.css" rel="Stylesheet" type="text/css" />
    <link href="<%=basePath%>static/layer/2.4/skin/layer.css"  rel="stylesheet" type="text/css" />
    <link href="<%=basePath%>static/css/aboutus.css"  rel="stylesheet" type="text/css" />
    <link id="css" href="<%=basePath%>static/css/search.min.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="<%=basePath%>js/jquery.min.js"></script>
    <script type="text/javascript" src="<%=basePath%>static/layer/2.4/layer.js"></script>
    <script type="text/javascript" src="<%=basePath%>static/js/common.min.js"></script>
    <script type="text/javascript" src="<%=basePath%>static/js/b52.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/aboutus.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/vue.min.js"></script>
	<link rel="stylesheet" href="<%=basePath%>css/index.css">
</head>
<body>
   <div id="header" class="">
     <div class="navbar">
        <div class="navbar-content">
            <jsp:include page="yeah-top.jsp"/>
        </div>
    </div>
    <div class="top-area">
        <div class="search">
                <a class="logo-link" href="<%=basePath%>" title="耶回收网,手机回收,笔记本回收,减法新生活,中国专业可靠的二手数码回收平台">                   
                    <span class="icon-logo" style="width: 220px;"></span>
                </a>
                <!-- <a href="/" class="backup" title="东方风云榜，音乐盛典独家冠名">
                    <img src="static/picture/fengyunbang.png">
                </a>>
              <!-- 回收商品搜索 -->
                <div class="searchbox">
                <form action="tobrandinfo" method ="post">
                    <input id="txt-keyword"  value="${brandname}" type="text" name="brandname" placeholder="品牌名称" class="ac_input" />
                    <button style="cursor:pointer;" type="submit"><a id="btnSearchKeyWords" title="二手手机回收｜旧手机回收｜二手手机交易－耶回收" href="javascript:"></a></button>
                    </form>
              </div>
        </div>
       <div class="nav-projects">
                <div class="tab-menu">
                    <ul class="clearfix">
                        <li>
                            <a href="tobrandinfo"  class="activemenu first-tab" title="手机回收,二手手机回收,专业靠谱的数码产品回收平台"> 旧机回收 <i></i></a>
                        </li>
                        <li class="nav_t">
                        <a href="sellindex"  class="activemenu first-tab" title="手机回收,二手手机回收,专业靠谱的数码产品回收平台">耶优品<i></i></a>
                        </li>
                         <li class="nav_t">
                        <a href="leaseitem"  class="activemenu first-tab" title="手机回收,二手手机回收,专业靠谱的数码产品回收平台">低价租赁<i></i></a>
                        </li>
                    </ul>
                </div>
       </div>
    </div>
</div>
<!-- 关于我们 -->
		<div class="about_us">
		<div class="nav_l">
		<ul>
		<c:forEach items="${des }" var="e" varStatus="sta">
		<li <c:if test="${sta.index==0}">class="ab"</c:if>>${e.title }</li>
		</c:forEach>
		</ul>
		</div>
		<div class="con_r">
		<c:forEach items="${des }" var="e" varStatus="sta">
		 <div class="con_d" <c:if test="${sta.index==0}">style="display:block;"</c:if>>${e.desc }</div>
		</c:forEach>
		</div>
		</div>
	<script type="text/javascript">
       var w = $(".con_d").height();
       var ws = $(document).height()-288;
		  if(w<ws){
			  $(".con_r").height(ws);
              $(".nav_l").height(ws);
		  }else{
			  $(".con_r").height(w);
			  $(".nav_l").height(w);
		  }

</script>
	
	
<!-- 底部导航 -->
   <jsp:include page="bottom.jsp" />
    <div id="popwindow_shadow_bg"><iframe frameborder="0" id="popwindow_frame"></iframe></div>
    <div class="pop_window" id="popWindow"></div>
    <div id="pageTemplate" style="display: none;">
    </div>
<!--  轮播图start -->
<script type="text/javascript" src="<%=basePath%>js/slider.js"></script>
	
	<script type="text/javascript">
	$(function(){
		$(".product-list-class-wrapper").find("a").each(function(){
			/* var color =$(this).attr("class");
			console.log(color); */
			$(this).on("mouseover",function(){
				$(this).css("color","rgb(236, 73, 29)");
			}).on("mouseleave",function(){
				$(this).css("color","#333");
			});
		});
	});
	</script>
	
	<script type="text/javascript">
	//热门回收轮播图的轮播图
	//宽度
	 var widths =$("#swiper-container").width();
	 //定义布尔值
	 var flag =true;
	 
	 var _index=0;//移动的下标位置
	 
	 //计算轮播图的个数
	 var arrNum = $("#swiper-container").find("ul").length;
	 
	  //动态根据轮播图的个数设定录播图父类div的长度
	 $("#swiper-container").find(".swiper-wrapper").width(arrNum*widths);
	 
	
	 //轮播图左移动的函数
	 function  silderLeft(num){
		 
		 $("#swiper-container").find(".swiper-wrapper").animate({
				left:-num*widths },1000);
		

			if(_index>=arrNum-1){
				_index=-1;
			}
	 }
	 //轮播图右移的函数
    function  silderRight(num){
		 
		 $("#swiper-container").find(".swiper-wrapper").animate({
				left:-num*widths },1000);
		

			if(_index<0){
				_index=arrNum-1;
			}
	 }
	 
	 //轮播图自动默认播放
	 function autoPlay(flag){
		 _index++;
		 if(flag){
		 silderLeft(_index);
		
	  }
		
	 }
	 
//鼠标移入商品时 清除定时器
	$("#swiper-container").find("li").each(function(){
		
		$(this).on("mouseover",function(){
			flag=false;
			clearInterval(timer);
			
		}).on("mouseleave",function(){
			flag=true;
			timer =setInterval("autoPlay(flag)",3000);
			
		})
		
	});
	
	/* 鼠标移入左右按钮清除定时器 */ 
$("#swiper-container").find(".event-btn ").each(function(){
		
		$(this).on("mouseover",function(){
			flag=false;
			clearInterval(timer);
			
		}).on("mouseleave",function(){
			flag=true;
			timer =setInterval("autoPlay(flag)",3000);
			
		})
		
	});
	
	$("#swiper-container").find(".next").click(function(){
		
		if(_index>=arrNum-1){
			_index=-1;
		}
		_index++;
		 silderLeft(_index);
	});
	
   $("#swiper-container").find(".prev").click(function(){
	   if(_index==0){
		   _index=arrNum;
	   } 
	   
	  if(_index==-1){
		  _index=arrNum-1; 
	   } 
	   _index--;
		silderRight(_index);
		
	});
   
   //设定全局定时器 4秒执行一次函数autoPlay(flag)；
	 var timer = setInterval("autoPlay(flag)",3000);
</script>
</body>
</html>
